<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Draggable - Events</title>
    <!--<link rel="stylesheet" href="jquery.ui.all.css">-->
    <link href="StickyNote.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.6.2.min.js"></script>
    <script src="jquery.ui.core.js"></script>
    <script src="jquery.ui.widget.js"></script>
    <script src="jquery.ui.mouse.js"></script>
    <script src="jquery.ui.draggable.js"></script>
    <style>
        #draggable
        {
            width: 18%;
            padding: 0 1em;
        }
        #draggable ul li
        {
            margin: 1em 0;
            padding: 0.5em 0;
        }
        * html #draggable ul li
        {
            height: 1%;
        }
        #draggable ul li span.ui-icon
        {
            float: left;
        }
        #draggable ul li span.count
        {
            font-weight: bold;
        }
    </style>
    <script>
        $(function () {


            $("#draggable").draggable({

        });

      


    });
	</script>
</head>
<body>
    <div class="demo">
        <div id="draggable">
            <div class="StickyNoteHeader">
                <a href="#">
                    <img id="stickyNoteAddIcon" src="../../TemplateImages/stickyNoteAddIcon.png" alt="" /></a>
                <a href="#">
                    <img id="stickyNoteCloseIcon" src="../../TemplateImages/stickyNoteCloseIcon.png"
                        alt="" /></a></div>
            <div class="Content">
            <textarea rows="10" cols="20"></textarea>
            </div>
        </div>
    </div>
    <!-- End demo -->
</body>
</html>
